﻿<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>日常生活小小事儿</title>
	<meta name="description" content="日常生活小小事儿">
	<meta name="author" content="日常生活小小事儿">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/zerogrid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">

	<!--[if lt IE 8]>
	<div style=' clear: both; text-align:center; position: relative;'>
		<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
			<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
		</a>
	</div>
	<![endif]-->
	<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->

	<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>

</head>
<body>
<div class="wrap-body zerogrid">
	<!--------------Header--------------->
	<header>
		<div class="wrap-header">

			<div class="top">
				<!--			<div class="socials">-->
				<!--				<ul>-->
				<!--					<li><a href="#" title="facebook"><img  src="images/socials/facebook-32x32.png"/></a></li>-->
				<!--					<li><a href="#" title="google"><img  src="images/socials/google-32x32.png"/></a></li>-->
				<!--					<li><a href="#" title="twitter"><img  src="images/socials/twitter-32x32.png"/></a></li>-->
				<!--					<li><a href="#" title="rss"><img  src="images/socials/rss-32x32.png"/></a></li>-->
				<!--					<li><a href="#" title="youtube"><img  src="images/socials/youtube-32x32.png"/></a></li>-->
				<!--				</ul>-->
				<!--			</div>-->
				<div id="search">
					<div class="button-search"></div>
					<input type="text" value="Search..." onfocus="if (this.value == &#39;Search...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Search...&#39;;}">
				</div>
			</div>

			<div id="logo">
				<h1>日常生活小小事儿</h1>
			</div>

			<nav>
				<div class="wrap-nav">
					<div class="menu">
						<ul>
							<li><a href="index.html">主页</a></li>
							<!--						<li><a href="index.html">Blog</a></li>-->
							<!--						<li><a href="index.html">Gallery</a></li>-->
							<!--						<li><a href="index.html">About</a></li>-->
							<!--						<li><a href="#">Contact</a></li>-->
						</ul>
					</div>
				</div>
			</nav>

		</div>
	</header>

	<!--------------Content--------------->
	<section id="content">
		<div class="wrap-content">
			<div class="row block">
				<div id="main-content" class="col-2-3">
					<div class="wrap-col">
						<article>
							<div class="heading">
								<h2><a href="#">心灵鸡汤01</a></h2>
							</div>
							<div class="content">
								<img src="images/img1.jpg" width="250px" height="100px"/>
								<p>有些路，走下去会很苦很累，但是不走会后悔。没人心疼，也要坚强；没人鼓掌，也要飞翔，要记住越努力，越幸运。人贵在行动，只有努力了梦想才能实现。前进不必遗憾，若美好，叫做精彩；若糟糕，叫做经历。好好去爱，去生活，每天的太阳都是新的，别辜负了美好时光。你若盛开，蝴蝶自来；你若精彩，天自安排。</p>

							</div>
							<div class="info">
								<p>By 心灵鸡汤经典励志语录, 2021</p>
							</div>
						</article>
						<article>
							<div class="heading">
								<h2><a href="#">心灵鸡汤02</a></h2>
							</div>
							<div class="content">
								<img src="images/img2.jpg" width="250px" height="100px"/>
								<p>就算全世界都否定你，你也要相信你自己。不去想别人的看法，旁人的话不过是阳光里的尘埃，下一秒就被风吹走。这是你的生活，没有人能插足，除了你自己，谁都不重要。悲伤，尽情哭得狼狈，泪干后，仰头笑得仍然灿烂。一往直前，激发生命所有的热情。年轻不怕跌倒，永远地，让自己活的很漂亮，很漂亮！</p>
							</div>
							<div class="info">
								<p>By 心灵鸡汤经典励志语录, 2021</p>
							</div>
						</article>
						<article>
							<div class="heading">
								<h2><a href="#">心灵鸡汤03</a></h2>
							</div>
							<div class="content">
								<img src="images/img3.jpg" width="250px" height="100px"/>
								<p>有耐心，才有机会。有些事情是急不来的，等到条件成熟时，自然水到渠成。世界上那些了不起的成就，大多是由耐心堆积而成的。耐心，意味着要经得起眼前的诱惑，耐得住当下的寂寞。耐心不是外在的压抑，而是内心的修行。不要去采摘那些还没有成熟的果实，否则，你的生活一定是苦涩的。</p>
							</div>
							<div class="info">
								<p>By 心灵鸡汤经典励志语录, 2021</p>
							</div>
						</article>
					</div>
				</div>
				<div id="sidebar" class="col-1-3">
					<div class="wrap-col">
						<!--					<div class="box">-->
						<!--						<div class="heading"><h2>About us</h2></div>-->
						<!--						<div class="content">-->
						<!--							<img src="images/zerotheme.jpg" style="border: 0px;"/>-->
						<!--							<p>About us</p>-->
						<!--						</div>-->
						<!--					</div>-->
						<div class="box">
							<div class="heading"><h2>Categories</h2></div>
							<div class="content">
								<ul>
									<li><a href="#">日志</a></li>
									<li><a href="#">照片</a></li>
									<li><a href="#">随笔</a></li>
								</ul>
							</div>
						</div>
						<!--					<div class="box">-->
						<!--						<div class="heading"><h2>Popular Post</h2></div>-->
						<!--						<div class="content">-->
						<!--							<div class="post">-->
						<!--								<img src="images/img4.jpg" width="50px"/>-->
						<!--								<h4><a href="#">Lorem ipsum dolor sit</a></h4>-->
						<!--								<p>November 11 ,2012</p>-->
						<!--							</div>-->
						<!--							<div class="post">-->
						<!--								<img src="images/img5.jpg" width="50px"/>-->
						<!--								<h4><a href="#">Lorem ipsum dolor sit</a></h4>-->
						<!--								<p>November 11 ,2012</p>-->
						<!--							</div>-->
						<!--							<div class="post">-->
						<!--								<img src="images/img1.jpg" width="50px"/>-->
						<!--								<h4><a href="#">Lorem ipsum dolor sit</a></h4>-->
						<!--								<p>November 11 ,2012</p>-->
						<!--							</div>-->
						<!--						</div>-->
						<!--					</div>-->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--------------Footer--------------->
	<footer>
		<div class="wrap-footer">
			<div class="row">
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="box">
							<div class="heading"><h2>Image Gallery</h2></div>
							<div class="content gallery">
								<a href="#"><img src="images/img1.jpg" width="120"/></a>
								<a href="#"><img src="images/img2.jpg" width="120"/></a>
								<a href="#"><img src="images/img3.jpg" width="120"/></a>
								<a href="#"><img src="images/img4.jpg" width="120"/></a>
								<a href="#"><img src="images/img5.jpg" width="120"/></a>
								<a href="#"><img src="images/img1.jpg" width="120"/></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="box">
							<div class="heading"><h2>About Us</h2></div>
							<div class="content">
								<img src="images/zerotheme.jpg" style="border: 0px;"/>
								<p>About Us</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="box">
							<div class="heading"><h2>Contact Us</h2></div>
							<div class="content">
								<p>Contact Us</p>
								<!--<p>Website : <a href="http://sc.chinaz.com" target="_blank">sc.chinaz.com</a></p>
                                <p>+1 (123) 444-5677 <br/> +1 (123) 444-5678</p>
                                <p>Address: 123 TemplateAccess Rd1</p>-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>©2021 yixin.zhang All Rights Reserved. <a href="http://beian.miit.gov.cn/" target="_blank">京ICP备2021021037号</a></p>
		</div>
	</footer>

</div>
</body>
</html>